<script setup lang="ts">

import {Plus, Search} from "@element-plus/icons-vue";
</script>

<template>
  <div class="aside">
    <el-header class="aside-header border web-app-region-drag">
      <el-input class="web-app-region-no-drag" :prefix-icon="Search" placeholder="搜索"/>
      <el-button class="web-app-region-no-drag">
        <el-icon>
          <Plus/>
        </el-icon>
      </el-button>
    </el-header>
  </div>
</template>

<style scoped>
.aside{
  width: 200px;
  height: 60px;
}

.aside-header {
  background: #f7f7f7;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 10px;
}

.aside-header .el-input {
  width: 140px;
  height: 25px;
}

.aside-header button {
  padding: 0;
  height: 25px;
  width: 25px;
  margin-left: 10px;
  background: #e2e2e2;
}
</style>